<template>
	 <div class="datap1">
	        <div class="left">
	            <left />
	        </div>
	        <div class="right">
	            <right />
	        </div>
	    </div>
</template>

<script>
import left from "./dataP/left.vue"
import right from "./dataP/right.vue"
export default {
	data(){
		return {}
	},
	components:{ left,right	}
}
</script>

<style lang="less" scoped>
	*{
		box-sizing: border-box;
	}
.datap1{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    
    .left{
      // width: 100%;
      // width: 40vw;
      height: 100%; 
	  flex: 1;
    }
    .right{
     // width: 33%;
	 width: 42vh;
	  // width: 40%;
      height: 100%;
	  margin:0 10px;
	  // flex:1.2;
    }
}

// .ignore-botom-dataP{
//     // >div{
//     //   min-width: 290px;
//     // }
//   }	
</style>